<!doctype html>
<html>

<head>
  <title>《花语月》官方网站</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="keywords" content="花语月、解密、艺术、文艺、美好、孤独、网易游戏、解密游戏" />
  <meta name="description" content="游戏时间很短，美好回忆很长。解密艺术游戏《花语月》App Store安静上线。有一些美好，始终是孤独的。" />
  <meta charset="gb2312">
  <!--项目meta信息，请编辑提供 start-->
  <meta name="author" content="网易，NetEase Inc." />
  <meta name="copyright" content="网易，NetEase Inc." />
  <meta name="pmid" content="11234" />
  <meta name="editor" content="rourou" />
  <meta name="designer" content="jiangkun" />
  <meta name="front-end technicist" content="Zichen Zheng" />
  <!--项目meta信息，请编辑提供 end-->
  <meta name="renderer" content="webkit">
  <link rel="dns-prefetch" href="http://res.nie.netease.com">

  <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="css/index.less" />
</head>

<body>

  <div id="loading" style="position:fixed; z-index:999; left:0; right:0; top:0; bottom:0; background: #000 url() center center no-repeat;background-size:200px auto;">
    <div id="loading_tip" style="position:absolute; width:200px; height:200px; left:50%; top:50%; margin-left:-100px; margin-top:-100px; line-height:200px; text-align:center; font-size:14px; color:#777;"><span style="font-size:26px;">0</span>&nbsp;%</div>
  </div>

  <!-- Images to load -->
  <div id="preload_manifest" style="display:none;">
    <img data-src="img/pagecover.jpg" data-id="pagecover" />
    <img data-src="img/music-on.png" data-id="musicon" />
    <img data-src="img/music-off.png" data-id="musicoff" />
    <!-- Background -->
    <img data-src="img/homePage.jpg" data-id="homePage" />
    <img data-src="img/treePage.jpg" data-id="treePage" />
    <img data-src="img/flowerPage.jpg" data-id="flowerPage" />
    <!-- Guide page -->
    <img data-src="img/flower.png" data-id="flower" />
    <img data-src="img/dot.png" data-id="dot" />
    <img data-src="img/optipwords.png" data-id="optipwords" />
    <img data-src="img/handtip.png" data-id="handtip" />
    <!-- Home page -->
    <img data-src="img/moon.png" data-id="moon" />
    <img data-src="img/block1.png" data-id="block1" />
    <img data-src="img/block2.png" data-id="block2" />
    <img data-src="img/blockbig.png" data-id="blockbig" />
    <img data-src="img/stair.png" data-id="stair" />
    <img data-src="img/cloud1.png" data-id="cloud1" />
    <img data-src="img/cloud2.png" data-id="cloud2" />
    <img data-src="img/cloud3.png" data-id="cloud3" />
    <img data-src="img/cloud4.png" data-id="cloud4" />
    <img data-src="img/light.png" data-id="light" />
    <!-- Tree page -->
    <img data-src="img/ground.png" data-id="ground" />
    <img data-src="img/bigtree.png" data-id="bigtree" />
    <!-- Flower page -->
    <img data-src="img/moonlight.png" data-id="moonlight" />
    <img data-src="img/meteor.png" data-id="meteor" />
    <img data-src="img/girllights.png" data-id="girllights" />
    <img data-src="img/frontflower1.png" data-id="frontflower1" />
    <img data-src="img/frontflower2.png" data-id="frontflower2" />
    <img data-src="img/frontflower3.png" data-id="frontflower3" />
    <img data-src="img/frontflower4.png" data-id="frontflower4" />
    <img data-src="img/frontflower5.png" data-id="frontflower5" />
    <img data-src="img/frontflower6.png" data-id="frontflower6" />

    <!-- Girl -->
    <img data-src="img/girl.png" data-id="girl" />
    <!-- Words -->
    <img data-src="img/p1w1.png" data-id="p1w1" />
    <img data-src="img/p1w2.png" data-id="p1w2" />
    <img data-src="img/p2w1.png" data-id="p2w1" />
    <img data-src="img/p2w2.png" data-id="p2w2" />
    <img data-src="img/p3w1.png" data-id="p3w1" />
    <img data-src="img/p3w2.png" data-id="p3w2" />
    <img data-src="img/p4w1.png" data-id="p4w1" />
    <img data-src="img/p4w2.png" data-id="p4w2" />
    <img data-src="img/p4w3.png" data-id="p4w3" />
    <!-- Tip -->
    <img data-src="img/optipbtn.png" data-id="optipbtn" />
    <img data-src="img/optipcircle.png" data-id="optipcircle" />
  </div>

  <canvas id="stage_canvas" width="1400" height="640"></canvas>

  <div style="display:none;">
    <audio src="data/music.mp3" preload autoplay loop></audio>
  </div>

  <a id="music_switch" class="active" href="javascript:;"></a>

  <div id="page_cover"></div>

  <!-- // <script src="js/lib/jquery.min.js"></script> -->
  <script src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>

  <script src="http://analytics.163.com/ntes.js"></script>
  <script type="text/javascript">
  nie.config.stats.clickStats=true;
  _ntes_nacc = 'hyy';
  neteaseTracker();
  </script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script>document.write('<script src="http://sc.tool.netease.com/sharecom/wxjs.php?url=' + encodeURIComponent(window.location.href) + '"><\/script>');</script>

  <script src="js/lib/easeljs.min.js"></script>
  <script src="js/lib/tweenjs.min.js"></script>
  <script src="js/lib/preloadjs.min.js"></script>
  <script src="js/app/index.js"></script>
</body>

</html>